<template>
<div class="lc-bottom-title hy-35J" ref="lcbTitle">{{title}}</div>
</template>

<script>
export default {
components: {},
props: ["title"],
data() {
return {

};
},
created() {},
mounted() {},
computed: {},
watch: {},
methods: {
	init() {
		let tl = new TimelineMax({})
		let tw1 = TweenMax.from(this.$refs.lcbTitle, 0.5, {opacity: 0, scaleX: 0})
		tl.add(tw1)
		return tl
	}
},
}
</script>
<style lang='scss' scoped>
	.lc-bottom-title {
		width: 376px;
		height: 30px;
		background: url('../../assets/imgs/left/titleBg.png') no-repeat;
		text-align: center;
		font-size: 16px;
		color:#76879f;
		font-weight: bold;
		margin: 0 auto;
	}
</style>